html {
    font-size: 100px;
}

body, button, input, select, textarea {
    font: .12rem/1.2 "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
}

body {
    color: #675853;
    background-color: #f7f7f7;
}

button, input, select, textarea {
    font-size: inherit;
    border-radius: 0;
    -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
}

a, a:hover, a:active {
    color: #675853;
    text-decoration: none;
}

input {
    outline: 0;
}

.hide {
    display: none;
}

.app-navbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .4rem;
    border-top: 1px solid #ddd;
    color: #999;
    background-color: #fff;
}

.app-navbar ul {
    display: table;
    width: 100%;
    height: 100%;
}

.app-navbar li {
    display: table-cell;
    width: 20%;
    text-align: center;
    vertical-align: middle;
}

.app-navbar i {
    display: block;
    width: .177rem;
    height: .177rem;
    margin: 0 auto .02rem auto;
    background-repeat: no-repeat;
    background-position: center;
}

.app-navbar-home i {
    background-image: url(../images/global/navbar/home.png);
    background-size: .145rem auto;
}

.app-navbar-home.active i {
    background-image: url(../images/global/navbar/home-active.png);
}

.app-navbar-bank i {
    background-image: url(../images/global/navbar/bank.png);
    background-size: .148rem auto;
}

.app-navbar-bank.active i {
    background-image: url(../images/global/navbar/bank-active.png);
}

.app-navbar-financing i {
    background-image: url(../images/global/navbar/financing.png);
    background-size: .162rem auto;
}

.app-navbar-financing.active i {
    background-image: url(../images/global/navbar/financing-active.png);
}

.app-navbar-live i {
    background-image: url(../images/global/navbar/live.png);
    background-size: .157rem auto;
}

.app-navbar-live.active i {
    background-image: url(../images/global/navbar/live-active.png);
}

.app-navbar-credit i {
    background-image: url(../images/global/navbar/credit.png);
    background-size: .157rem auto;
}

.app-navbar-credit.active i {
    background-image: url(../images/global/navbar/credit-active.png);
}



.pt {
    padding-top: .35rem;
}

.top-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .35rem;
    background-color: #63534e;
    color: #fff;
    text-align: center;
}

.top-navbar ul {
    display: table;
    width: 100%;
    height: 100%;
}

.top-navbar li {
    display: table-cell;
    vertical-align: middle;
}

.top-navbar .back, .top-navbar .icon {
    width: .391rem;
}

.top-navbar .back i {
    display: inline-block;
    width: .1629rem;
    height: .1629rem;
    background: url(../images/global/back.png) center no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
}

.top-navbar h2 {
    font-size: .1416rem;
}



.empty {
    padding: .0948rem 0;
    color: #adadad;
    text-align: center;
}

.touch:active {
    background-color: #f7f7f7;
}

.bg-white {
    background-color: #fff;
}